<template>
<!--  财经日历-->
<div class="container">
  <iframe frameborder="0" width="100%" height="540" scrolling="yes" src="https://rili-d.jin10.com/open.php?fontSize=14px&theme=primary"></iframe> 
</div>
</template>

<script>
export default {
  name: 'calendarIndex',
  data () {
    return {

    
    }
  },
  methods: {
    leave () {
      this.isCard = false
    },
    onActiveClick (index) {
      this.active = index
    },
    onCardClick () {
      this.isCard = !this.isCard
    },
    onStatusClick (index) {
      this.cardActive = index
    },
    onLastTab () {
      this.type = true
      this.next = false
    },
    onNextTab () {
      this.next = true
      this.type = false
    },
    objectSpanMethod ({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1
          }
        } else {
          return {
            rowspan: 0,
            colspan: 0
          }
        }
      }
    }
  }
}
</script>

<style scoped lang="scss">
  .container {
    background: #fff;
    padding: 30px 10px;
    //margin: 0 150px;
    width: 1300px;
    margin: 0 auto;
    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px;
      cursor: pointer;

    }
    .title-bg {
      background: #ebf0fa;
      padding: 5px 7px 5px 5px;
      font-size: 12px;
      border: none;

    }
    .title-time {
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 20px;
      width: 100%;
      flex-wrap: wrap;
      .item {
        margin-right: 10px;
        font-size: 10px;
      }

    }
      .active {
        background: #ebf0fa;
        padding: 2px 5px;
        border-radius: 20px;
        font-size: 10px;
        color: #5a82e6;
    }
    .content-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
      .title-item {
        display: flex;
        align-items: center;
        .item-left {
          margin-right: 10px;
          font-size: 14px;
          color: #5a82e6;
        }
        .item-right {
          font-size: 10px;
          border-radius: 20px;
          border: 1px solid #5a82e6;
          padding: 3px 5px;
          box-sizing: border-box;
          color: #5a82e6;
          cursor: pointer;
        }
      }
    }
    .screen {
      display: flex;
      align-items: center;
      .block {
        margin-right: 10px;
      }
      .screen-icon {
        position: relative;
        font-size: 12px;
        color: #7fa3f7;
      }
    }

  }
  ::v-deep .el-table .el-table__cell{
    padding: 8px 0 !important;
  }
  ::v-deep .el-table th, .el-table tr {
    font-weight: normal !important;
  }
  ::v-deep .el-rate__icon {
    font-size: 14px !important;
  }
  .box-card {
    width: 350px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 9999;
    .card-item {
    }
    .status-item {
      display: flex;
      align-items: center;
      justify-items: center;
      margin-bottom: 15px;
      margin-top: 10px;
      .item-left {
        margin-right: 10px;
        font-size: 12px;
        font-weight: normal;
      }
    }
    .item {
      margin-right: 20px;
      font-size: 12px;
      background: #f1f4fc;
      padding: 4px 10px;
      border-radius: 5px;
    }
    .itemActive {
      background: #5a82e6;
      color: #ffffff;
    }
    .status {
      font-size: 14px;
      text-align: left;
      font-weight: bold;
    }
  }
 ::v-deep .el-input__icon {
   color: #7fa3f7 !important;
   font-size: 14px !important;
 }
 .btn {
   border:1px solid #42b983;
   color: #42b983;
   padding: 2px 5px;
   font-size: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   .btn-item {
     margin-right: 5px;
   }
 }
 .el-icon-s-data {
   color: #5a82e6;
 }
  .el-table {
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
      width: 8px; /*滚动条宽度*/
      height: 8px; /*滚动条高度*/
    }
    /*定义滚动条轨道 内阴影+圆角*/
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
      //box-shadow: 0px 1px 3px #071e4a inset; /*滚动条的背景区域的内阴影*/
      border-radius: 10px; /*滚动条的背景区域的圆角*/
      background-color: #ffffff; /*滚动条的背景颜色*/
    }
    /*定义滑块 内阴影+圆角*/
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
      //box-shadow: 0px 1px 3px #00a0e9 inset; /*滚动条的内阴影*/
      border-radius: 10px; /*滚动条的圆角*/
      background-color: #f6f7f8; /*滚动条的背景颜色*/
    }
  }
.time {
  margin-left: -60px;
  margin-top: 5px;
  background: #ebf0fa;
  border-radius: 20px;
  font-size: 10px;
  color: #5a82e6;
}
</style>
